/*piblic*/ .banner,.banner>*{height:100%;} #main-page .list, .BannerShow_b1, .BannerShow_b1>div,.BannerShow_b2, .BannerShow_b2>div, .banner .swiper-slide { height: 100%; } .banner img{height: 100%;/* object-fit: cover;*/ margin-left: 50%; transform: translateX(-50%) scale(1); } /*.BannerShow_b1 [class*="active"] img { transform: translateX(-50%) scale(1.04); transition: 9s linear 0s; }*/ .main-page { left: 0; top: 0; position: fixed; z-index: 0; height: 100%; } .main-pagination.on em{color:#333;} /*.main-pagination.on i{background:#333;}*/ #service_list_a1 { display: none !important; } .BannerShow_b1 .swiper-pagination { bottom: 4.5vw; } .BannerShow_b1 .swiper-pagination span:before, .BannerShow_b2 .swiper-pagination span:before, .i-case-page span:before { content: '0'; } .BannerShow_b1 .swiper-pagination em, .i-case-page em { width: 110px; height: 1px; background: rgba(255,255,255,0.5); margin: 0 10px; } .BannerShow_b1 .swiper-pagination .swiper-scrollbar-drag, .i-case-page .swiper-scrollbar-drag, .BannerShow_b2 .swiper-pagination .swiper-scrollbar-drag { background: #fff; } .main-pagination { right: 10px; transform: translateY(-50%); z-index:2;} .main-pagination span { width: auto; height: auto; background: none; border-radius: 0; display: block; text-align: left; outline:none;} .main-pagination span+span { margin-top: 1vw; } .main-pagination i { width: 14px; height: 14px; margin-right: 10px; position:relative; background:none; } .main-pagination i:before{content:''; width:8px; height:8px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0; background:#fff;} .main-pagination .swiper-pagination-bullet-active:not(:last-child) i:before{opacity:0;} .main-pagination .swiper-pagination-bullet-active:not(:last-child) i{ background:url(/images/public/jt.png) no-repeat center; background-size:contain;} .main-pagination em { opacity: 0; } .main-pagination .swiper-pagination-bullet-active em { opacity: 1; } .i-product .img { width: 51.7%; height: 65vh; opacity: 0.8; transition: 0.5s ease 0s; } .i-product .img img { transform: scale(0); transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); } .i-product .swiper-slide:nth-child(1) img, .i-product .swiper-slide:nth-child(5) img, .i-product .swiper-slide:nth-child(6) img { transform-origin: bottom; } .i-product .swiper-slide:nth-child(2) img { transform-origin: right; } .i-product .swiper-slide-active img { transform: scale(1); transition-duration: 1s; transition-delay: 0.2s; } .i-product .text { width: 50%; transform: translateY(50%); opacity: 0; } .i-product .swiper-slide-active .text { transform: translate(0); opacity: 1; transition: 1s ease 0.2s; } .i-product .text p { line-height: 1.7; height: 62px; } .i-product-page, .i-news-page, .i-contact-page { display: block; } .i-product-page span, .i-news-page span, .i-contact-page span { width: auto; height: auto; background: none; border-radius: 0; outline: none; display: block; opacity: 0.6; position: relative; z-index: 0; } .i-product-page .swiper-pagination-bullet-active, .i-news-page .swiper-pagination-bullet-active, .i-contact-page .swiper-pagination-bullet-active { opacity: 1; } .i-product-page span, .i-news-page span, .i-contact-page span { padding: 1vw 5px 1vw 0; } .i-product-pagebox, .i-news-pagebox, .i-contact-pagebox { left: 4.75%; z-index: 2; } .scroll_line { margin-right: 1vw; } .scroll_line:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 1px; height: 80%; background: #fff; opacity: 0.3; } .scroll_line .icon { width: 10px; height: 10px; border: 1px solid #fff; transform: translateY(-50%); margin-top: 0; } .scroll_line .SJ { border-bottom-color: #fff; border-width: 0 4px 4px; } .scroll_line .icon:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: bottom; } .i-case .swiper-wrapper { counter-reset: index; } .i-case .swiper-slide { width: 78.3%; height: 100%; } /*.i-case .num:before{ content:'0'counter(index)'.'; counter-increment: index;}*/ .i-case .case-img { position: absolute; left: 0; bottom: 0; height: 21%; width: 28%; } .i-case .swiper-slide-active .case-img { height: 79%; bottom: 21%; width: 100%; transition-duration: 1s } .i-case .text-box { width: 62%; transform: scale(0); } .i-case .text { width: 60%; } .i-case .text p { -webkit-line-clamp: 3; line-height: 2.1; max-height: 126px; } .i-case a { right: 0; bottom: 0; padding: 1vw 4vw; transform: scale(0); transform-origin: right bottom; } .i-case .swiper-slide-active .text-box, .i-case .swiper-slide-active a { transform: scale(1); } .i-case .arrow:before, .contact-btn .arrow:before, .i-btn .arrow:before { width: 100%; height: 100%; border-color: #fff; } .i-case .arrow, .contact-btn .arrow, .i-btn .arrow { width: 10px; height: 10px; margin-left: 15px; } .i-case-bg, .i-case .bg { left: 0; top: 0; position: absolute; z-index: -1; } .i-case-bg .swiper-slide { height: 100%; } .case-bg { position: absolute; } .i-case-page { z-index: -1; bottom: 0; left: 0; position: absolute; width: 78%; padding: 0 4vw; } .i-news, .i-contact { height: calc(100% - 6.5vw); position: absolute; left: 0; width: 100%; bottom: 0; } .i-news .swiper-slide { height: 100%; } #i-news, #i-contact { width: 81%; margin-left: 9.5%; height: 69%; } .i-news-pagebox, .i-contact-pagebox { left: 0; width: 9.5%; } .i-news-link li { display: inline-block; vertical-align: top; transform: translateX(200px); opacity: 0; transition: 1s ease 0s; } #main-page .list.swiper-slide-active .i-news-link li { transform: translateX(0); opacity: 1; transition-delay: 0.5s; } #main-page .list.swiper-slide-active .i-news-link li:nth-child(2) { transition-delay: 0.7s; } #main-page .list.swiper-slide-active .i-news-link li:nth-child(3), #main-page .list.swiper-slide-active .i-news-link li:nth-child(4) { transition-delay: 0.9s; } .i-news-link a .time em { margin: 0 3px; } .i-news-link a { padding: 2vw; } .i-news-link li:nth-child(1) .title, .i-news-link li:nth-child(2) .title { max-height: 4.03vw; } .i-news-link .title { margin-top: 1vw; line-height: 1.3; } .i-news-link .desc { line-height: 1.75; -webkit-line-clamp: 4; max-height: 112px; margin-top: 1.5vw; transform: translateY(-20px); opacity: 0; } .i-news-link .btn { position: absolute; left: 2vw; bottom: 2vw; padding: 0.7vw 1.5vw; opacity: 0; } .i-news-link a .hover-bg { left: 0; top: 0; z-index: -1; opacity: 0; height: 0; } .i-news-link .int-bg { background: #000; opacity: 0.22; left: 0; top: 0; z-index: -1; } .i-news-pagebox .scroll_line:before { background: #242424; opacity: 0.6; } .i-news-pagebox .scroll_line .icon { border-color: #242424; background: #f5f5f5; } .i-news-pagebox .scroll_line .SJ { border-bottom-color: #242424; } #price .swiper-slide { height: auto; } .bg5 { background: url(/images/public/bg5.jpg) no-repeat center; background-size: cover; } .i-contact .line { width: 1px; height: 4vw; min-height: 30px; background: #fff; margin: 1.5vw auto 0; } #i-contact { padding-top: 2.5vw; height: auto !important; } #i-contact li { width: 50%; padding: 0 3.5vw; margin-top: 2.5vw; } #i-contact li span { max-width: 100%; } #i-contact ul { margin-top: 1.5vw; } .contact-btn { background: rgba(255,255,255,0.15); border: 1px solid #fff; padding: 0.7vw 2vw; width: auto; } .contact-btn:before { background: #1995d6; } .i-contact .btn { margin-top: 4.5vw; opacity: 0; transition: 1s ease 0s; } .i-contact .title, .i-contact .line, .i-contact ul { transform: translateY(100px); opacity: 0; transition: 1s ease 0s; } #main-page .list.swiper-slide-active .i-contact .title, #main-page .list.swiper-slide-active .i-contact .line, #main-page .list.swiper-slide-active .i-contact ul { transform: translateX(0); opacity: 1; } #main-page .list.swiper-slide-active .i-contact .title { transition-delay: 0.7s; } #main-page .list.swiper-slide-active .i-contact .line { transition-delay: 0.9s; } #main-page .list.swiper-slide-active .i-contact ul { transition-delay: 1.1s; } #main-page .list.swiper-slide-active .i-contact .btn { opacity: 1; transition-delay: 1.1s; } .index-menu{left:0; top:0; z-index:3;} body.on .banner{margin-top:0;} .page-icon { z-index: 2; right: 2vw; width:16px; } .goback,.i-news-link li:nth-child(3) .desc, .i-news-link li:nth-child(3) .btn, .i-news-link li:nth-child(4) .desc,.i-news-link li:nth-child(4) .btn,.page_menu_bg,.footer .T,.banner-text{ display: none; } @media screen and (min-width: 801px ) { .i-case { height: 90.5%; width: 86.45%; margin-left: 0; } .i-news-link li, .i-news-link a { height: 100%; } .i-news-link li:first-child, .i-news-link li:nth-child(3), .i-news-link li:nth-child(4) { width: 28%; } .i-news-link li:nth-child(2) { width: 40%; margin-left: 2%; } .i-news-link li:nth-child(3), .i-news-link li:nth-child(4) { position: absolute; right: 0; height: 47%; } .i-news-link li:nth-child(3) { top: 0; } .i-news-link li:nth-child(4) { bottom: 0; } .i-news-pagebox{padding-right:10px;} } @media screen and (min-width: 1101px ) { .i-news-link a:hover { background: #1151cc; } .i-news-link a:hover .desc { transform: translate(0); opacity: 1; } .i-news-link a:hover .btn, .i-news-link a:hover .hover-bg { opacity: 1; } .i-news-link a:hover .hover-bg { height: 100%; bottom: 0; top: auto; } .i-case a:hover { opacity: 0.9; } .i-case a:hover .arrow { transform: translateX(5px); } .i-product .img:hover { opacity: 1; } } @media screen and (max-width: 1500px) { .i-product .text p { height: 55px; } .i-case .text p { max-height: 114px; } } @media screen and (max-width: 1100px ) { .i-product .text p { height: 48px; } .i-case .text p { max-height: 101px; } } @media screen and (max-width: 800px ) { .BannerShow_b2 .swiper-pagination { bottom: 6vw; } .BannerShow_b2 .swiper-pagination em, .i-case-page em { width: 17vw; height: 1px; margin: 0 2vw; } .i-product-pagebox, .i-news-pagebox, .i-contact-pagebox { opacity: 0; } .i-product .text, .i-product .img { width: 90.5%; } .i-product .text p { height: auto; } .i-product .img { height: 56vh; } .i-case-page { width: 100%; padding: 0; position: static; text-align: center; margin-top: 8vw; } .i-case { height: 69.5%; width: 90.5%; margin-top: 24vw; margin-left: auto; margin-right: auto; } .i-case .swiper-slide { width: 100%; } .i-case .swiper-slide-active .case-img { height: 100%; bottom: 0; } .i-case .arrow, .contact-btn .arrow, .i-btn .arrow { width: 2vw; height: 2vw; margin-left: 3vw; } .i-case a, .i-btn,.contact-btn { padding: 3vw 10vw; } .i-case .text p { max-height: none; line-height: 1.8; -webkit-line-clamp: 6; } .i-case .text-box { width: 81%; } .i-case .text { width: 100%; } .i-news, .i-contact { height: calc(100% - 14vw); } #i-news { width: 100%; margin: 0; height: 81%; } .i-news-link li { height: 32%; width: 100%; } .i-news-link a { height: 100%; padding: 6vw; } .i-news-link li+li { margin-top: 2%; } .i-news-link .title { margin-top: 3vw; max-height: none !important; -webkit-line-clamp: 1; } .i-news-link a .time em { margin: 0 1vw; } .i-news { padding-top: 5vw; } #i-contact li { width: 100%; padding: 0; margin-top: 4.5vw; text-align:center; } #i-contact li:first-child { margin-top: 0; } .i-contact .line { height: 6vw; margin: 4vw auto 0; } #i-contact ul { margin-top: 4vw; } .i-contact .btn{margin-top:7vw;} #i-contact li>.flex{display:block;} .i-news-link li:nth-child(4), .i-news>div:before { display: none; } }